<html>
<head>
<meta charset="UTF-8">
<title>服务器信息列表</title>
<link href="../../static/easyui/themes/bootstrap/easyui.css" rel="stylesheet" type="text/css"/>
<link href="../../static/easyui/themes/icon.css" rel="stylesheet" type="text/css"/>
<script src="../../static/easyui/jquery.min.js" type="text/javascript"></script>
<script src="../../static/easyui/jquery.easyui.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../../static/easyui/locale/easyui-lang-zh_CN.js" type="text/javascript"></script>
<script src="../../static/plugin/assets/jslib.util.js" type="text/javascript"></script>
<script src="../../static/plugin/assets/jslib.jquery.ajax.js" type="text/javascript"></script>
<script src="../../static/plugin/assets/jslib.easyui.util.js" type="text/javascript"></script>
<script src="../../ffres/dict/all.js" type="text/javascript"></script>
<a href="" target="_blank" id="commonLink" name="commonLink"></a>
</head>
<script type="text/javascript">

	function doAdd(){
		JLEUtil.createModalWin('新增', 'EcsBaseInfoAdd.html');
	}
	
	function doUpdate() {
		var row = $('#dg').datagrid('getSelected');
		if (row){
			JLEUtil.createModalWin('修改', 'EcsBaseInfoUpdate.html?' + 'ecsId=' + row.ecsId);
		} else {
			$.messager.alert('提示','请选择一条记录！','info');
		}
	}
	
	function doDelete(){
		var row = $('#dg').datagrid('getSelected');
		if (row) {
			$.messager.confirm('删除提示', '你确定要删除这条记录?', function(r){
				if (r){
					var jsonData = JSON.parse('{'+'"ecsId":"' + row.ecsId + '"'+'}');
					$.restfulDelete('../../api/ecs/base/info', jsonData, function(data) {
						$.messager.alert('提示','记录删除成功!','info');
						$('#dg').datagrid('reload');
					});
				}
			});
		} else {
			$.messager.alert('提示','请选择一条记录！','info');
		}
	}

	function doView(){
		var row = $('#dg').datagrid('getSelected');
		if (row) {
			JLEUtil.createModalWin('详情','EcsBaseInfoView.html?' + '&ecsId=' + row.ecsId);
		} else {
			$.messager.alert('提示','请选择一条记录！','info');
		}
	}	

	function reloadList(){
		$('#dg').datagrid('reload');
		JLEUtil.closewin();
	};	
</script>
</head>
<body class="easyui-layout">
<div data-options="region:'north',title:''" style="height: 40px;">
	<form id="searchForm">
		<table>
			<tr>
				<td class="searchTd">&nbsp;服务器用途：</td>
				<td><select class="easyui-combobox"
					id="ecsPurpose" name="ecsPurpose"
					style="width: 100%; height: 25px;"
					data-options="required:false,editable:false,valueField:'enname',textField:'cnname',data:ECS_PURPOSE"></td>			
				<td class="searchTd">&nbsp;服务器名称：</td>
				<td><input name="ecsName" id="ecsName"/></td>
				<td class="searchTd">&nbsp;服务器IP：</td>
				<td><input name="ecsIp" id="ecsIp"/></td>								
				<td><a class="easyui-linkbutton" href="javascript:void(0);" onclick="JLEUtil.queryForm('searchForm','dg','../../api/ecs/base/infos');">查找</a></td>
				<td><a class="easyui-linkbutton" href="javascript:void(0);" onclick="JLEUtil.clearForm('searchForm');">清空</a></td>
			</tr>
		</table>
	</form>
</div>
<div data-options="region:'center',split:false">
<table id="dg" class="easyui-datagrid" title="" style="width:100%;height:94%"
			data-options="singleSelect:true,collapsible:true,url:'../../api/ecs/base/infos',method:'post'"
			toolbar="#tb"
		title="Load Data" 
		rownumbers="true" pagination="true" pageSize="20">
		<thead>
			<tr>
				<th data-options="field:'ecsName',resizable:true" >服务器名称</th>
				<th data-options="field:'ecsIp',resizable:true" align="center">服务器IP</th>
				<th data-options="field:'ecsPurpose',resizable:true" formatter="formatter_ECS_PURPOSE">服务器用途</th>				
				<th data-options="field:'ecsRegion',resizable:true" formatter="formatter_ECS_REGION">所在位置</th>
				<th data-options="field:'ecsOs',resizable:true" formatter="formatter_ECS_OS">操作系统</th>
				<th data-options="field:'ecsVcpu',resizable:true" align="center">CPU(核)</th>
				<th data-options="field:'ecsMemory',resizable:true" align="center">内存(G)</th>
				<th data-options="field:'ecsDisk',resizable:true" align="center">磁盘(G)</th>				
				<th data-options="field:'ecsLoginMethod',resizable:true" formatter="formatter_ECS_LOGIN_METHOD">登录方式</th>
				<th data-options="field:'ecsLoginUser',resizable:true" >登录用户</th>
				<th data-options="field:'ecsState',resizable:true" formatter="formatter_ECS_STATE">状态</th>
				<th data-options="field:'ecsDesc',resizable:true" width="20%">描述</th>
			</tr>
		</thead>
	</table>
</div>
	<div id="tb" style="padding: 1px">
		<div style="margin-bottom: 2px">
			<a href="javascript:doAdd()" class="easyui-linkbutton"
				iconCls="icon-add" plain="true">添加服务器</a><a
				href="javascript:doUpdate()" class="easyui-linkbutton"
				iconCls="icon-edit" plain="true">修改服务器</a><a
				href="javascript:doDelete()" class="easyui-linkbutton"
				iconCls="icon-remove" plain="true">移除服务器</a><a
				href="javascript:doView()" class="easyui-linkbutton"
				iconCls="icon-ok" plain="true">查看服务器</a>
		</div>
	</div>
</body>
</html>
